<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>jQuery基本使用</title>
		<script src="../jQuery/jquery-3.7.1.js"></script>
	</head>
	<body>
		<div class="abc">123</div>
		<div class="abc">456</div>
	</body>
	<script>
		// console.log(typeof $) // function
		// $('selector').action()
		$('div').css('color', '#F00')
				.text('jQuery修改文本')
		let divs = document.getElementsByTagName('div')
		// for(let i = 0; i < divs.length; i ++) {
		// 	divs[i].style.color = 'green'
		// 	divs[i].innerText = 'DOM修改元素文本'
		// }
		console.log(divs) // DOM元素对象
		console.log($('div')) // jQuery元素对象
		// 打印第二个的文本内容
		console.log(divs[1].innerText)
		console.log($('div')[1].innerText)
		$('div').eq(1).text('jQuery修改单独元素的文本')
	</script>
</html>